<template>
	<div id="singer">
		<h1>歌手页</h1>
		<a @click="toChild('zj')">专辑</a>
		<a @click="toChild('mv')">mv</a>
		<!-- 歌手下的子路由 （二级路由） -->
		<router-view></router-view>
	</div>
</template>

<script>
export default{
		created(){
			//获取上一个页面传来的singerid
//			1.参数放在query上
			console.log(this.$route.query.singerid);
//			2.参数放在params上
//			缺点:刷新时params因为不是写在url上,会造成丢失
//     		解决方法：使用动态路由
			console.log(this.$route.params.singerid);
		},
		methods:{
			toChild(childName){
				//因为使用了动态路由，所以后续的跳转都使用name的方式
				this.$router.push({name:childName});
			}
		}
}
</script>

<style lang="scss">
</style>